<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="index.xhtml">


	<ui:define name="body">

		<h:outputScript>	
	$(document).ready(function(){		
			$(".submenu-active").removeClass('submenu-active');
			$("#planification").addClass('submenu-active');
		});

	</h:outputScript>

		<f:view>
			<h:form styleClass="niceform">
				<h1>Planification</h1>
				<table class="nostyle">

					<tr>
						<td width="185"><h3>
								Génération des <br></br>plannings
							</h3></td>
						<td>Sélectionner l'option qui vous semble préférable : <p:outputPanel
								id="customPanel">
								<p:selectOneRadio id="customRadio" layout="custom"
									styleClass="nostyle">
									<f:selectItem itemLabel="Option 1"
										itemValue="poursuivre planning" />
									<f:selectItem itemLabel="Option 2" itemValue="replanifier" />

								</p:selectOneRadio>



								<h:panelGrid columns="2" styleClass="nostyle">

									<p:radioButton id="Opt1" for="customRadio" itemIndex="0" />  
               lorsque je génére un planning ,tous les taches y compris celles qui se<br></br>
               poursuivent aprés l'heure de fin de poste ,sont représentées sur le planning 
      
  
        <p:radioButton id="opt2" for="customRadio" itemIndex="0" />  
       lorsque je génére un planning ,seules les taches incluses dans la plage<br></br> horaire des salarié sont représentées sur le planning . 
 	   Les taches qui se<br></br> poursuivent aprés l'heure de fin de poste sont automatiquement affectées<br></br> dans la rubrique 'Taches à replanifier'
      
  
    </h:panelGrid>
							</p:outputPanel></td>
					</tr>
				</table>
				<br></br>
				<p:separator id="iseparator" style="height:0.1px" />

				<table class="nostyle">
					<tr>
						<td width="185">
							<h3>
								Validation des<br></br> tàches
							</h3>
						</td>
						<td>Les salariés vont-ils valider les tàches réalisées
							sur :<br></br>
						<br></br> <p:outputPanel id="customPanel2">
								<p:selectOneRadio id="customRadio2" layout="custom"
									styleClass="nostyle">
									<f:selectItem itemLabel="papier" itemValue="1" />
									<f:selectItem itemLabel="ecran taclile" itemValue="2" />
									<f:selectItem itemLabel="portabe terminal radio" itemValue="3" />
								</p:selectOneRadio>
								<p:panel columns="3" styleClass="nostyle"
									visible="true"
									id="taskValidationId">
									<p:radioButton id="optee1" for="customRadio2" itemIndex="0" />
									<h:outputText for="optee1" value="Papier" />
									<br />

									<p:radioButton id="optee2" for="customRadio2" itemIndex="0" />
									<h:outputLabel for="optee2" value="Ecran tactile" />
									<br />

									<p:radioButton id="optee3" for="customRadio2" itemIndex="0" />
									<h:outputLabel for="optee3"
										value="Ecran tel que teléphone portable ou terminal radio" />
									<br />
								</p:panel>
							</p:outputPanel>
						</td>
					</tr>
				</table>
				<br></br>
				<p:separator id="separator" style="height:0.3px" />

				<table class="nostyle">

					<tr>
						<td width="185">
							<h3>
								Import du fichier <br></br>de livraison
							</h3>
						</td>
						<td>Sélectionner le mode d'import du fichier du livraison :<br></br>
						<br></br> <p:outputPanel id="customPanel3">
								<p:selectOneRadio id="importFileliv"
									value="#{enseigneMB.enseigne.importFileliv}" layout="custom"
									styleClass="nostyle">
									<f:selectItem itemLabel="Import automatique"
										itemValue="#{false}" />
									<f:selectItem itemLabel="Import manuel" itemValue="#{true}" />
								</p:selectOneRadio>


								<h:panelGrid columns="3" styleClass="nostyle"
									visible="true"
									id="importDeFichierLivraisonId">
									<p:radioButton id="opteee1" for="importFileliv" itemIndex="0" />
									<h:outputText for="opteee1" value="Import automatique" />
									<br />

									<p:radioButton id="opteee2" for="importFileliv" itemIndex="1" />
									<h:outputLabel for="opteee2" value="Import manuel" />
									<br />


								</h:panelGrid>
							</p:outputPanel>
						</td>
					</tr>
				</table>
				<br></br>
				<p:separator id="i2separator" style="height:0.1px" />
				<table class="nostyle">
					<tr>
						<td width="185">
							<h3>Cadencement</h3>
						</td>
						<td>Sélectionner l'option qui vous semble préférable : <br></br>
						<br></br> <p:outputPanel id="cadencement">
								<p:selectOneRadio id="cadencement1" layout="custom"
									styleClass="nostyle">
									<f:selectItem
										itemLabel="Cadencement :
                                            						 les données importées correspondant aux livraisons 
	     															sont affectés sur une date différente a celle de la mise en rayon
	     															(jour de la commande ou de livraison ) "
										itemValue="Import automatique" />
									<f:selectItem
										itemLabel="Aucun  Cadencement : Les données importées correspondant aux livraisons 
                                           							sont affectées sur la bonne date (jour mise en rayon)."
										itemValue="Import manuel" />
								</p:selectOneRadio>

								<p:panel columns="3" styleClass="nostyle"
									visible="#{plannificationMb.visilibtyCadencement}"
									id="cadencementId">
									<p:radioButton id="cadencement2" for="cadencement1"
										itemIndex="0" />
									<h:outputText for="cadencement2"
										value="Cadencement : les données importées correspondant aux livraisons 
	     															sont affectés sur une date différente a celle de la mise en rayon
	     															(jour de la commande ou de livraison )" />
									<br />

									<p:radioButton id="cadencement3" for="cadencement1"
										itemIndex="0" />
									<h:outputLabel for="cadencement3"
										value="Aucun  Cadencement : Les données importées correspondant aux livraisons 
                                           							sont affectées sur la bonne date (jour mise en rayon)." />
									<br />
								</p:panel>
							</p:outputPanel>
						</td>
					</tr>
				</table>
				<p:commandButton id="plannifEnseigneSubmitButId"
					value="Passer à l’étape suivante"
					style="font-family:Times New Roman;color:white;background-color:#43ceff"
					action="#{enseigneMB.submitPlannification}" ajax="false" />
			</h:form>
		</f:view>
	</ui:define>
</ui:composition>
